<div th:remove="tag">
    <div class="left-menu"> 
	    <!-- Active facets -->
	    <span th:text="#{category.filterResults}" class="filters-title">Filter your results</span>
	    <div th:each="facetDto : ${facets}" th:if="${facetDto.active}" class="section">
	        <div>
	            <span class="filter-label" style="display: inline;"><span th:text="${facetDto.facet.label}" th:remove="tag"></span></span>
	            <a th:if="${facetDto.facet.canMultiselect}" 
	                th:attr="onclick=${'FSquare.showFacetMultiselect(''__${facetDto.facet.field.abbreviation}__'')'}"
	                href="javascript:;" 
	                class="remove_facet_values">[ <span th:text="#{facet.edit}">Edit</span> ]</a>
	            <a blc:removefacetvalueslink="${facetDto}" class="remove_facet_values">[ Clear ]</a>
	        </div>
	        
	        <div class="selected-filters" th:each="facetValue : ${facetDto.facetValues}" th:if="${facetValue.active}">
	            <!-- Facet Value display fragment -->
	            <span th:remove="tag" th:fragment="facet-value-display">
	                <span th:if="${facetValue.value != null}" th:remove="tag" th:text="${facetValue.value}"></span>
	                <span th:unless="${facetValue.value != null}" th:remove="tag">
	                    <span blc:price="${facetValue.minValue}" th:remove="tag"></span>
	                    <span th:text="${facetValue.maxValue == null ? ' __#{facet.orMore}__ ' : ' - '}" th:remove="tag"></span>
	                    <span th:if="${facetValue.maxValue != null}" blc:price="${facetValue.maxValue}" th:remove="tag"></span>
	                </span>
	            </span>
	        </div>
	    </div>
	    
	    <!-- Inactive facets -->
	    <div th:each="facetDto : ${facets}" th:unless="${facetDto.active}" class="section">
	        <span th:text="${facetDto.facet.label}" class="filter-label XX"></span>
	        <div class="filters-wrapper">
		        <ul>
		            <li th:each="facetValue : ${facetDto.facetValues}" th:class="${facetValue.active}? 'active'" th:if="${!facetDto.showQuantity or facetValue.quantity > 0}">
		                <a blc:togglefacetlink="${facetValue}" class="maker">
		                    
		                    <span th:substituteby="catalog/partials/facetFilter :: facet-value-display" />
		                
		                    <span class="facetCount" th:if="${facetDto.showQuantity and !facetDto.active}" th:text="${facetValue.quantity}"></span>
		                    <i th:if="${facetValue.active}" class="icon-remove"></i>
		                </a>
		            </li>
		            <li>
		                <a th:if="${facetDto.facet.canMultiselect}" 
		                    th:attr="onclick=${'FSquare.showFacetMultiselect(''__${facetDto.facet.field.abbreviation}__'')'}"
		                    href="javascript:;" 
		                    class="maker multiple"><span th:text="#{facet.chooseMultiple}">Choose Multiple...</span></a>
		            </li>
		        </ul>
	        </div>
	    </div>
	    
	    <!-- Multiselect facets -->
	    <div th:each="facetDto : ${facets}" th:if="${facetDto.facet.canMultiselect}">
	        <div th:id="${'facet-' + facetDto.facet.field.abbreviation}" style="display: none;" class="multiselect_facet_container">
	            <span th:text="${facetDto.facet.label}" class="filter-label"></span>
	            <blc:form method="GET">
	                <li style="list-style: none;" th:each="facetValue : ${facetDto.facetValues}" th:if="${facetDto.active or (!facetDto.showQuantity or facetValue.quantity > 0)}">
	                    <input type="checkbox" 
	                        th:name="${facetDto.facet.field.abbreviation + '-' + facetValue.valueKey}" 
	                        th:id="${facetDto.facet.field.abbreviation + '-' + facetValue.valueKey}" 
	                        th:checked="${facetValue.active}" />
	                        
	                    <label th:for="${facetDto.facet.field.abbreviation + '-' + facetValue.valueKey}">
	                        <span th:substituteby="catalog/partials/facetFilter :: facet-value-display" />
	                    </label>
	                </li>
	                
	                <div th:each="facetDto2 : ${facets}" th:remove="tag">
	                    <input type="hidden" 
	                        th:each="facetValue : ${facetDto2.facetValues}" 
	                        th:if="${facetValue.active}" 
	                        th:name="${facetDto2.facet.field.abbreviation}" 
	                        th:value="${facetValue.valueKey}" />
	                </div>
	                <input type="hidden" th:if="${originalQuery}" name="q" th:value="${originalQuery}" />
	                <input type="hidden" name="facetField" th:value="${facetDto.facet.field.abbreviation}" />
	                <input type="submit" class="medium red" />
	            </blc:form>
	        </div>
	    </div>
    </div> 
</div>